<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人及家用解决方案</title>
    <link rel="stylesheet" href='css/index.css'/>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.slides.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
<div id="hearder">
    <div class="heard-nav">
        <ul id="nav-x">
            <li><a href="personal.html" target="_blank">个人及家用产品解决方案</a></li>
            <li><a href="#">商用产品及解决方案</a></li>
            <li><a href="#">企业级产品及解决方案</a></li>
            <li><a href="#">服务与支持</a></li>
            <li><a href="#">聚享汇会员专享</a></li>

            <div id="nav-x-2">
                社交平台
                <a href="#" id="top-red"></a>
                <ul>
                    <li>
                        <a href="#">
                            <span class="bg"></span><span class="wz">联想官方微博</span>
                        </a>
                    </li>
                    <li><a href="#"><span class="bg bg-2"></span>
                        <span class="wz">杨元庆微博</span></a></li>
                    <li><a href="#"><span class="bg bg-3"></span>
                        <span class="wz">联想兴趣部落</span></a></li>
                    <li><a href="#"><span class="bg bg-4"></span>
                        <span class="wz">联想QQ空间</span></a></li>
                    <li><a href="#"><span class="bg bg-5"></span>
                        <span class="wz">百度贴吧联想吧</span></a></li>
                    <li><a href="#"><span class="bg bg-6"></span>
                        <span class="wz">联想兴趣部落</span></a></li>
                    <li><a href="#"><span class="bg bg-7"></span>
                        <span class="wz">联想官方社区</span></a></li>
                </ul>
            </div>
            <ul id="login">
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li><a href="#" id="border-no">购物车</a></li>
            </ul>

        </ul>

    </div>

</div>

<div class="middle">
    <div id="banner">
        <div class="banner-left">
            <a href="#" id="indenta" title="联想">11
                <div id="text-bg"></div>
            </a>
        </div>
        <div class="banner-right">
            <form action="#" method="post">
                <input type="text" name="text" value="" id="text" placeholder="请输入"/>

                <button type="submit" id="a-submit">.</button>
            </form>
        </div>

    </div>
    </div>
<div class="l-nav-2">
  <h3>个人及家用解决方案</h3>
</div>
 <div class="nav-box">
    <ul class="xy">
        <li class="x">
            <h3>手机产品</h3>
            <em class="img-cent">
                <a href="#"><img src="images/sj.png"/></a>
            </em>
            <div class="a-left">
                <p class="left">
                <span><a href="#">VIBE系列</a></span>
                <span><a href="#">乐檬系列</a></span>
                <span><a href="#">乐檬系列</a></span>
                </p>
            </div>
            <div class="b-1"></div>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">VIBE系列</a></span>
                    <span><a href="#">乐檬系列</a></span>
                </p>
            </div>
        </li>
        <li class="y">
            <h3>平板电脑</h3>
            <em class="img-cent">
                <a href="#"><img src="images/notebook.png"/></a>
            </em>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">YOGA平板</a></span>
                    <span><a href="#">轻薄平板</a></span>
                    <span><a href="#">传统平板</a></span>
                    <span><a href="#">PHAB平板手机</a></span>
                </p>
            </div>
            <div class="b-1"></div>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">ThinkPad</a></span>
                    <span><a href="#">Tablet系列</a></span>
                </p>
            </div>
        </li>
        <li class="x">
            <h3>笔记本电脑</h3>
            <em class="img-cent">
                <a href="#"><img src="images/notebook1.png"/></a>
            </em>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">VIBE系列</a></span>
                    <span><a href="#">乐檬系列</a></span>
                    <span><a href="#">乐檬系列</a></span>
                    <span><a href="#">乐檬系列</a></span>
                </p>

            </div>
            <div class="b-1"></div>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">VIBE系列</a></span>
                    <span><a href="#">乐檬系列</a></span>
                </p>
            </div>



        </li>
        <li class="y">
            <h3>分体台式机</h3>
            <em class="img-cent">
                <a href="#"><img src="images/host.png"/></a>
            </em>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">VIBE系列</a></span>
                    <span><a href="#">天逸5050系列</a></span>
                    <span><a href="#">Erazer异能者系列</a></span>
                    <span><a href="#">家悦H系列</a></span>
                </p>
            </div>
            <div class="b-1"></div>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">ThinkCentre</a></span>
                    <span><a href="#">E系列</a></span>
                </p>
            </div>
        </li>
        <li class="x">
            <h3>一体台式机</h3>
            <em class="img-cent">
                <a href="#"><img src="images/display.png"/></a>
            </em>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">B5系列</a></span>
                    <span><a href="#">C2系列</a></span>
                    <span><a href="#">C3系列</a></span>
                    <span><a href="#">C5系列</a></span>
                    <span><a href="#">Horizon系列</a></span>
                    <span><a href="#">YOGA Home系列</a></span>
                    <span><a href="#">AIO 300系列</a></span>
                    <span><a href="#">AIO 700系列</a></span>
                    <span><a href="#">AIO 510S系列</a></span>
                </p>
            </div>
            <div class="b-1"></div>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">ThinkCentre</a></span>
                    <span><a href="#">E系列</a></span>
                </p>
            </div>
        </li>
        <li class="y">
            <h3>智能电视</h3>
            <em class="img-cent">
                <a href="#"><img src="images/display2.png"/></a>
            </em>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">超值神奇A系列</a></span>
                    <span><a href="#">高端旗舰K系列</a></span>
                    <span><a href="#">高清爆款C系列</a></span>
                    <span><a href="#">客厅首选E系列</a></span>
                    <span><a href="#">超清旗舰G系列</a></span>
                </p>
            </div>

        </li>
        <li class="x">
            <h3>数码选件</h3>
            <em class="img-cent">
                <a href="#"><img src="images/er.png"/></a>
            </em>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">智能穿戴</a></span>
                    <span><a href="#">路由器</a></span>
                    <span><a href="#">移动电源</a></span>
                    <span><a href="#">鼠标</a></span>
                    <span><a href="#">闪存盘</a></span>
                    <span><a href="#">移动硬盘</a></span>
                    <span><a href="#">音箱</a></span>
                    <span><a href="#">耳机耳麦</a></span>
                    <span><a href="#">键盘及套装</a></span>
                    <span><a href="#">行车记录仪</a></span>
                    <span><a href="#">智能安防</a></span>
                    <span><a href="#">智能家居</a></span>
                    <span><a href="#">更多选件</a></span>
                    <span><a href="#">Think选件</a></span>
                </p>
            </div>
            <div class="b-1"></div>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">零售显示器</a></span>
                </p>
            </div>
            <div class="b-1"></div>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">家用打印机</a></span>
                </p>
            </div>
        </li>
        <li class="y">
            <h3>服务产品</h3>
            <em class="img-cent">
                <a href="#"><img src="images/ee.png"/></a>
            </em>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">延长保修</a></span>
                    <span><a href="#">上门服务</a></span>
                    <span><a href="#">固态硬盘升级</a></span>
                    <span><a href="#">数据恢复</a></span>
                    <span><a href="#">电脑加速</a></span>
                    <span><a href="#">驱动安装</a></span>
                    <span><a href="#">联想看家宝</a></span>
                    <span><a href="#">正版微软产品安装</a></span>
                </p>
            </div>
            <div class="b-1"></div>
            <div class="a-left">
                <p class="left">
                    <span><a href="#">我的服务产品</a></span>
                </p>
            </div>
        </li>
    </ul>

 </div>
<div class="m">
    <div>
        <img src="images/foot.jpg"/>
    </div>

</div>



<div class="nu-w-ns">
    <div class="nu-w-content">
        <ul>
            <li class="cl"><a>购物指南</a></li>
            <li><a href="#">服务商信息</a></li>
            <li><a href="#">购买流程</a></li>
            <li><a href="#">注册登录</a></li>
        </ul>
        <ul>
            <li class="cl"><a>配送方式</a></li>
            <li><a href="#">配送方式</a></li>
            <li><a href="#">配送方式信息</a></li>
            <li><a href="#">签收原则</a></li>
            <li><a href="#">物流查询</a></li>
        </ul>
        <ul>
            <li class="cl"><a>支付方式</a></li>
            <li><a href="#">支付方式</a></li>
            <li><a href="#">支付问题</a></li>
            <li><a href="#">分期支付</a></li>
        </ul>
        <ul>
            <li class="cl"><a>订单信息</a></li>
            <li><a href="#">订单信息</a></li>
            <li><a href="#">其它频道订单发票</a></li>
            <li><a href="#">手机频道订单发票</a></li>
        </ul>
        <ul>
            <li class="cl"><a>售后服务</a></li>
            <li><a href="#">Lenovo频道商品售后</a></li>
            <li><a href="#">手机频道商品售后7天</a></li>
            <li><a href="#">无理由退换货说明</a></li>
            <li><a href="#">24小时在线客服</a></li>
        </ul>
        <ul style="padding-right: 0;">
            <li class="cl"><a>其他说明</a></li>
            <li><a href="#">服务承诺</a></li>
            <li><a href="#">账户安全</a></li>
            <li><a href="#">产品安全</a></li>
            <li><a href="#" class="bank">银行分期</a>

            </li>
        </ul>

    </div>

</div>
<div id="footer">
    <div class="foot-ins">
        <a href="#">关于联想</a><span> | </span>
        <a href="#">联系我们</a><span> | </span>
        <a href="#">工作机会</a><span> | </span>
        <a href="#">新闻中心</a><span> | </span>
        <a href="#">聚享汇会员专享</a><span> | </span>
        <a href="#">ZUK官网</a><span> | </span>
        <a href="#">联想社区</a><span> | </span>
        <a href="#">NBD</a><span> | </span>
        <a href="#">联想超融合</a><span> | </span>
        <a href="#"><span></span>销售网点</a><span> | </span>
        <a href="#"><span class="posi"></span>服务网点</a>
    </div>
    <div class="foot-ins2">
        <a>版权所有：1998-2016 联想集团</a><span> | </span>
        <a href="#">法律公告</a><span> | </span>
        <a href="#">隐私保护</a><span> | </span>
        <a href="#">京ICP备11035381</a><span> | </span>
        <a>京公网安备110108007970号</a><span> | </span>
        <a href="#">营业执照：110000410127232</a>

    </div>

</div>
</body>
</html>
